<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content="记事本"/>
	<meta name="author" content="joney"/>
	<title>记事本</title>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/mobile.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}"/>

	<script type="text/javascript" th:src="@{/js/jquery-1.8.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.mobile.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
	<script type="text/javascript" th:src="@{/js/note_common.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/3.1.9/crypto-js.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/crypt.js}"></script>
	<style>

		.footer{
			/*position:fixed;*/
			margin-top: 150px;
			bottom:0;
			text-align:center;
			background-color: white;
			/*
			filter:alpha(opacity:30);
			opacity:0.3;
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			*/
			font-size: 12px;
			width:100%;
			padding: 10px;

		}
		.textbox .textbox-text{
			padding: 7px 4px;
			font-size: 18px;
		}
	</style>
</head>
<body>
<!--隐藏的加密密钥变量-->
<input type="hidden" id="cryptoKey" th:value="${cryptoKey}"/>

<div class="easyui-navpanel">
	<header>
		<div class="m-toolbar">
			<span class="m-title">欢迎登录</span>
		</div>
	</header>
	<div style="text-align: center;margin-top: 30px">
		<img th:src="@{/images/log2.png}" onclick="window.location.reload()"/>
	</div>
	<div style="padding:0 20px;margin-top: 30px">
		<div style="margin-bottom:5px;color: red;display: none; font-size: 12px" id="errMsgBar"></div>
		<div style="margin-bottom:10px">
			<input class="easyui-textbox" id="loginName" name="loginName" data-options="prompt:'用户名',iconCls:'icon-man'" style="width:100%;height:48px;">
		</div>
		<div>
			<input class="easyui-passwordbox" id="password" name="password" data-options="prompt:'密码'" style="width:100%;height:48px">
		</div>
		<div style="text-align:center;margin-top:30px">
			<a href="javascript:login()" id="loginBtn" class="easyui-linkbutton" style="width:100%;height:48px"><span style="font-size:18px">登录</span></a>
		</div>
		<div style="margin-top:30px">
			<div style="float: left;">
				<input class="easyui-switchbutton" onText="开" offText="关" id="rmbUser"/>
				<span style="font-size: 14px;margin-left: 10px">记住我?</span>
			</div>
			<div style="float: right">
				<a href="javascript:window.location.href='/note/register'" class="easyui-linkbutton" plain="true" outline="true" style="width:100px;"><span style="font-size:16px">注册</span></a>
			</div>
		</div>
	</div>
	<div class="footer" id="footer">
		Copyright @2018 All rights reserved<br/>
		粤ICP备18011921号
	</div>
</div>


<script type="text/javascript" th:src="@{/js/note_login.js}"></script>
</body>
</html>